<!--<app-login></app-login>-->
<nz-layout class="app-layout" *ngIf="!isLogin; else loginBlock">

  <nz-sider class="menu-sidebar"
            nzCollapsible
            nzWidth="220px"
            nzBreakpoint="md"
            [(nzCollapsed)]="isCollapsed"
            [nzTrigger]="null">
    <div class="sidebar-logo">
      <a routerLink="/welcome">
        <nz-avatar nzIcon="user" style="background-color: darkcyan;"></nz-avatar>
        <h1>我叫啥名</h1>
      </a>
    </div>
    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu nzOpen nzTitle="Menu" nzIcon="menu">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/students">学生信息</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/courses">课程信息</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/scores">总体成绩信息</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="#">学生成绩单</a>
          </li>
        </ul>
      </li>
      <li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="#">总体信息看板</a>
          </li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
            <i class="trigger"
               nz-icon
               [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'">
            </i>
        </span>
      </div>
    </nz-header>
    <nz-content>
      <div class="inner-content">
        <router-outlet></router-outlet>
<!--        <app-students></app-students>-->
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>
<ng-template #loginBlock>
  <div class="inner-content">
    <router-outlet></router-outlet>
  </div>
</ng-template>
